<template>
  <div class="app_library">
    <div class="app_side">
      <side-bar></side-bar>
    </div>
    <div class="app_content">
      <item-option></item-option>
    </div>
  </div>
</template>
  
<script>
/**
* description: 内容库的整体代码 
*/
import sideBar from './sidebar.vue';
import itemOption from './itemOption.vue';
export default {
  name: "library",
  components: {
    sideBar,
    itemOption
  },
  data() {
    return {
    };
  },
};
</script>
  
<style lang="scss" scoped>
.app_library {
  display: flex;
  height: 100%;

  .app_side {
    margin-right: 1%;
    width: 328px;
    text-align: center;
  }

  .app_content {
    width: 100%;
  }
}
</style>